<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css_sass/base.css" />
    <link rel="stylesheet" href="../css_sass/firstPageHeader.css" />
    <link rel="stylesheet" href="../css_sass/firstPage.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <title>首页</title>
  </head>

  <body>
    <header>
      <div class="up"></div>
      <div class="userandtime">
        <div>
          <img class="userimg" src="../img/firstpage/my.png" alt="" />
        </div>

        <div class="userandtime_time">
          <input class="userandtime_inp" type="text" name="" id="" value="0" readonly />
          <div></div>
        </div>
      </div>

      <!-- 放置统计花销类型图标 -->
      <div class="count">
        <img class="dateimg" src="../img/firstpage/data.png" alt="" />

        <img class="chartimg" src="../img/firstpage/chart.png" alt="" />
      </div>
    </header>

    <main>
      <!-- 设置总预算 -->
      <div class="background"></div>
      <div class="changebudget">
        <span>总预算</span>
        <div class="changebudget_box"><input type="text" value="0" /></div>
        <button class="confirm">确定</button>
      </div>

      <!-- 月支出收入结余板块 -->
      <div class="sum">
        <img src="../img/firstpage/workdog.jpg" alt="" />
        <div class="word">
          <div>月支出</div>
          <input class="month_out" type="text" name="" id="" value="1000.00" readonly />
          <div>
            <span>月收入 <input class="month_in" type="text" value="0.00" readonly /></span>
            <span>本月结余 <input class="month_sum" type="" value="-1000" readonly /></span>
          </div>
        </div>
      </div>

      <!-- 分支板块 -->
      <div class="branch">
        <!-- vip板块 -->
        <div class="vip">
          <span>会员功能正式开发啦</span>
          <div>
            <button>查看详情</button>
            <button><img src="../img/firstpage/close.png" alt="" /></button>
          </div>
        </div>

        <!-- 总预算板块 -->
        <div class="budget">
          <div><span>总预算</span><span>...</span></div>
          <input class="roll" min="0" max="1000" value="" type="range" />
          <div>
            <span>剩余：<input class="surplus" type="text" placeholder="--" readonly /></span>
            <span>总额：<input class="sunmoney" type="text" placeholder="未设置" readonly /></span>
          </div>
        </div>

        <!-- 近7日支出 -->
        <div class="pay">
          <div><span>最近7日支出</span><span>...</span></div>
          <span>总计：<input type="text" value="1000.00" /></span>
          <div class="statistics">
            <!-- <li>
              <input type="text" value="100" />
              <div></div>
              <span>周日</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周一</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周二</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周三</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周四</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周五</span>
            </li>
            <li>
              <input type="text" value="100" />
              <div></div>
              <span>周六</span>
            </li> -->
          </div>
        </div>

        <div class="everyBox">
          <!-- 每一天支出 -->
          <!-- <div class="everyday">
            <div class="title">
              <div><span>03.20</span></div>
              <div>
                <span>收入：</span><span class="income">50.00</span><span>支出：</span><span class="expend">50.00</span>
              </div>
            </div>
            <ul class="type">
              <li>
                <div>
                  <div><span></span></div>
                  <div><span class="del"> 三餐 </span><span>凉皮</span></div>
                </div>
                <div style="color: #eb585e"><span>-</span><span>20.00</span></div>
              </li>
            </ul>
          </div> -->
        </div>
      </div>
    </main>

    <footer>
      <div class="fixed">
        <i class="iconfont icon-guanbi"></i>
      </div>
    </footer>
  </body>
  <script src="../js/echarts.min.js"></script>

  <script src="http://121.37.252.168:8080/api/static/dexie.js"></script>
  <script src="http://121.37.252.168:8080/api/static/indexdb.js"></script>
  <script src="../js/firstPage.js"></script>
</html>
